import React from 'react';
import ReactDOM from 'react-dom';
import Mycontext from './context'
import H1 from './h1'
/* 
  通过 React.createContext() 创造一个上下文
  用上下文提供的Provider内置组件把父组件包起来 给内置组件加行内属性value = {对象}

  所有的后代组件 通过引入 上下文
  再生命一个 static contextType = 上下文
  那么在组建中就可以通过 this.context 获取所有的都组件设置的属性了



*/

class App extends React.Component {
    
    render() {
        return <div className=''>
        祖宗组件
            <H1/>
        </div>;
    }
}

ReactDOM.render(<Mycontext.Provider value={{
  theme:"dark",
  num:100,
  sex:0
}}>
  <App/>
</Mycontext.Provider>,document.getElementById('root'))